export interface ListItem {
  avatar?: string
  title: string
  datetime?: string
  description?: string
  status?: "primary" | "success" | "info" | "warning" | "danger"
  extra?: string
}

export const notifyData: ListItem[] = [
  {
    avatar: "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
    title: "好消息：工时系统vue3版本来啦",
    datetime: "刚刚",
    description:
      "基础框架来自v3-admin-vite,使用的技术 Vue3、vue-router、TypeScript、Element Plus、Pinia 、 Vite、Axios 等主流技术;后端通过sa-token鉴权"
  },
  {
    avatar: "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
    title: "坏消息：页面还是不好看的样子",
    datetime: "两年前",
    description: "但是页面丑和我一个后端程序员有什么关系呢 O(∩_∩)O~"
  }
]

export const messageData: ListItem[] = [
  {
    avatar: "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
    title: "来自后端的求助",
    description: "求一个美工出设计切图",
    datetime: "2024-12-01"
  },
  {
    avatar: "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
    title: "还是来自后端的求助",
    description: "求一个css人员设计页面样式",
    datetime: "2024-12-01"
  }
]

export const todoData: ListItem[] = [
  {
    title: "任务:了解一点TypeScript",
    description: "js的超集，对java后端来说，感觉回家一样",
    extra: "进行中",
    status: "info"
  },
  {
    title: "任务: 了解一点Vue3.vue-router",
    description: "前端的基础框架",
    extra: "进行中",
    status: "primary"
  },
  {
    title: "任务: 了解一点Vite、Pinia、Axios",
    description: "构件工具、状态管理工具，网络请求工具",
    extra: "已超时",
    status: "danger"
  },
  {
    title: "任务: 了解一点Element-Plus、CSS3、UnoCSS",
    description: "css框架、基础、原子化 CSS 引擎",
    extra: "已超时",
    status: "danger"
  }
]
